<template>
	<section>
		<el-col :span="12" class="toolbar">
			<el-form label-width="80px" >
				<el-form-item label="公告内容">
					<el-input v-model="content.content" placeholder="公告内容" type="textarea" :rows="8" ></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" size="medium" @click="handleAdd">发布</el-button>
				</el-form-item>
			</el-form>
		</el-col>
	</section>
</template>
<script>
    export default {
        data(){
            return{
				content:{
				    content:''
				}
            }
        },
        created(){
            this.getList()
        },
        methods:{
            getList(){
                // this.content.content = '平台承诺无任何机器人与外挂。\n' +
                //     '杜绝任何伙牌，如发现有机器人或者打伙牌（或类似机器人，记录下id，截图或者录屏），官方进行相关核实；然后与官方客服进行提交审核举报，如经过核实，官方进行相关奖励；\n' +
                //     '如充值提现未到账的相关问题，记录下相关充值id，提交平台；\n' +
                //     '最后，祝大家游戏畅玩愉快，多赢钱。\n' +
                //     '问题反馈客服：qipai520888'
                this.$axios.get('/announcement',{},this.global().token).then((res)=>{
                    if (res.status == 200){
                        this.content.content = res.data
                    }else{
                        this.$message({message: res.data, type: 'error'});
                    }
                })
            },
            handleAdd(){
                if (this.content.content == ''){
                    this.$message({message: '公告不能为空', type: 'error'});
                }else{
                    this.$axios.patch('/announcement',this.content,this.global().token).then((res)=>{
                        if (res.status == 200){
                            this.$message({message: '发布成功', type: 'success'});
                            this.getList()
                        }else{
                            this.$message({message: res.data, type: 'error'});
                        }
                    })
                }
            }
        }
    }
</script>
<style scoped lang="stylus">
	.toolbar
		padding-top:30px
	.toolbar .el-form-item
		margin-bottom 30px
</style>